<template>
	<view>
		<view class="black50-zt font-26 mar-top40 center">感谢您鼓励我们前行</view>
		<view class="center mar-top20 white-bj border-r-20 overflow-hidden pad-30 box-sizing">
			<textarea v-model="list.content" placeholder="请描述您的问题或建议" placeholder-class="pl" class="font-24 black20-zt" disabled></textarea>
		</view>
		<!-- 手机号 -->
		<view class="box-sizing center white-bj pad-30 a-center mar-top20 border-r-20">
			<view class="font-26 black20-zt">联系方式：</view>
			<view>
				<input v-model="list.tel" placeholder="请填写手机号" placeholder-class="pl" class="font-24 black20-zt" disabled/>
			</view>
		</view>
		<!-- 多图上传 -->
		<view class="box-sizing center border-r-20 white-bj pad-30 mar-top20">
			<view class="font-26 black20-zt font-w-b">上传的图片：</view>
			<view class="a-center flex-wrap mar-top20">
				<view v-for="(item,index) in imageList" class="img overflow-hidden">
					<image :src="item" mode="widthFix" lazy-load></image>
				</view>
			</view>
		</view>
		<!-- 手机号 -->
		<view class="box-sizing center white-bj pad-t-30 pad-l-30 a-center mar-top20">
			<view class="font-26 black20-zt font-w-b">处理内容：</view>
		</view>
		<view class="center white-bj overflow-hidden pad-30 box-sizing">
			<textarea v-model="list.content" placeholder="请描述您的问题或建议" placeholder-class="pl" class="font-24 black20-zt" disabled></textarea>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabIndex:0,
				user_id:undefined,
				id:undefined,
				tabBars: [
					{name: '意见反馈', id: 0,type:'order'},
					{name: '反馈记录',id: 1,type:'fuwu'}, 
				],
				formData:{
					content:"",
					tel:""
				},
				query:{mid:undefined,page:1,limit:10,aid:1,id:undefined},
				imageList:[],
				list:{}
			}
		},
		onLoad(e) {
			this.id=parseFloat(e.id)
			this.user_id=parseFloat(this.$user.state.userId)
			this.query.mid=parseFloat(this.$user.state.userId)
			this.query.id=parseFloat(e.id)
			this.getOrder()
		},
		methods: {
			//获取订单列表
			async getOrder(){
				await this.$api.GetOpinionList(this.query).then(res=>{
					if(res.code==0){
						this.list=res.data.list[0]
						this.imageList=res.data.list[0].pics.split(',')
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	body{
	    background-color: #f6f6f6;  
	} 
	image{
		width: 100%;
		display: block;
	}
	.pl{
		font-size: 24rpx;
		color: #999999;
	}
	.btn_bottom{
		bottom: 80rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	.img{
		width: 190rpx;
		height: 190rpx;
		margin: 10rpx;
	}
</style>
